/**
* 功能描述：基础周选择器
* @author jin xiaohang
* @date 2022/9/22 10:12
*/
<template>
    <div class="yw-base-week-picker-layout yw-base-week-picker-style">
        <input disabled placeholder="禁用状态" class="yw-base-week-picker-input-disabled-layout yw-base-week-picker-input-disabled-style" type="text"/>
        <div class="yw-base-week-picker-panel-layout yw-base-week-picker-panel-style">
            <div class="yw-base-week-picker-panel-header-layout yw-base-week-picker-panel-header-style">
                <span style="margin-right: 10px ;cursor: pointer;font-size: 18px"> 《 </span>
                <span> 2022年9月 </span>
                <span style="margin-left: 10px ; cursor: pointer;font-size: 18px"> 》 </span>
            </div>
            <div class="yw-base-week-picker-panel-body-layout yw-base-week-picker-panel-body-style">
                <table class="yw-base-week-picker-table-layout yw-base-week-picker-table-style">
                    <tbody>
                        <tr>
                            <th>日</th>
                            <th>一</th>
                            <th>二</th>
                            <th>三</th>
                            <th>四</th>
                            <th>五</th>
                            <th>六</th>
                        </tr>
                        <tr>
                            <td>
                                <div>1</div>
                            </td>
                            <td>
                                <div>2</div>
                            </td>
                            <td>
                                <div>3</div>
                            </td>
                            <td>
                                <div>4</div>
                            </td>
                            <td>
                                <div>5</div>
                            </td>
                            <td>
                                <div>6</div>
                            </td>
                            <td>
                                <div>7</div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div>8</div>
                            </td>
                            <td>
                                <div>9</div>
                            </td>
                            <td>
                                <div>10</div>
                            </td>
                            <td>
                                <div>11</div>
                            </td>
                            <td>
                                <div>12</div>
                            </td>
                            <td>
                                <div>13</div>
                            </td>
                            <td>
                                <div>14</div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div>15</div>
                            </td>
                            <td>
                                <div>16</div>
                            </td>
                            <td>
                                <div>17</div>
                            </td>
                            <td>
                                <div>18</div>
                            </td>
                            <td>
                                <div>19</div>
                            </td>
                            <td>
                                <div>20</div>
                            </td>
                            <td>
                                <div>21</div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: "YwBaseWeekPicker"
}
</script>

<style lang="scss" scoped>

</style>